﻿<!doctype html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>易办公我的页面</title>
	<link rel="stylesheet" type="text/css" href="/css/desktop/gth-reset.css" />
	<link rel="stylesheet" type="text/css" href="/css/desktop/gth-default.css">
	<link rel='stylesheet' href='http://www.jq22.com/jquery/font-awesome.4.6.0.css'>
	<link rel="stylesheet" type="text/css" href="/css/desktop/gth-styles.css">
	<!--[if IE]>
		<script src="http://libs.baidu.com/html5shiv/3.7/html5shiv.min.js"></script>
	<![endif]-->
</head>
<body>

	<article class="jq22-container" >
		<header class="jq22-header">
			<h1></h1>
		</header>
		<ul class="metro" >
			<li class="a1"><i class="fa fa-archive"></i><span>日程管理</span></li>
			<li class="a2"><i class="fa fa-book"></i><span>请假审核</span></li>
			<li class="a3"><i class="fa fa-bell-o"></i><span>通告列表</span></li>
			<li class="a4"><i class="fa fa-envelope-o"></i><span>文档列表</span></li>
			<li class="a5"><i class="fa fa-calendar-check-o"></i><span>请假申请</span></li>
			<li class="a6"><i class="fa fa-calendar"></i><span>请假申请详情</span></li>
			<li class="a7"><i class="fa fa-edit "></i><span>出差申请</span></li>
			<li class="a8"><i class="fa fa-map-o"></i><span>出差申请详情</span></li>
		</ul>
		<div class="box">
		  <span class="close"></span>
		  <p></p>
		</div>

	</article>
	
	<script src="../js/jquery-3.6.0.js"></script>
	<script>
	$(document).ready(function () {
	    var $box = $('.box');
	   $(".a1").click(function () {
	        var color = $(this).css('backgroundColor');
	        var content = $(this).html();
	        $(this).click(function () {
	          window.location.href="/to/schedule";
	        });
	    });

		$(".a2").click(function () {
			var color = $(this).css('backgroundColor');
			var content = $(this).html();
			$(this).click(function () {
				window.location.href="/to/task";
			});
		});

		$(".a3").click(function () {
			var color = $(this).css('backgroundColor');
			var content = $(this).html();
			$(this).click(function () {
				window.location.href="/to/zym-index";
			});
		});

		$(".a4").click(function () {
			var color = $(this).css('backgroundColor');
			var content = $(this).html();
			$(this).click(function () {
				window.location.href="/document/listdocument";
			});

		});

		$(".a5").click(function () {
			var color = $(this).css('backgroundColor');
			var content = $(this).html();
			$(this).click(function () {
				window.location.href="/to/toQingJia";
			});

		});

		$(".a6").click(function () {
			var color = $(this).css('backgroundColor');
			var content = $(this).html();
			$(this).click(function () {
				window.location.href="/to/qingjiajilu";
			});
		});

		$(".a7").click(function () {
			var color = $(this).css('backgroundColor');
			var content = $(this).html();
			$(this).click(function () {
			 window.location.href="/to/toChuChai";
			});
		});

		$(".a8").click(function () {
			var color = $(this).css('backgroundColor');
			var content = $(this).html();
			$(this).click(function () {
				window.location.href="/to/chachaijilu";
			});
		});

	});

	</script>
</body>
</html>